<template>
  <div class="redBox">
    <div>{{count}}</div>
    <div>{{msg1}}</div>
    <div>{{user01}}</div>
  </div>
</template>
<script>

export default {
  // props: ['msg1', 'user01'],
  props: {
    msg1: String,
    user01: Object,
  },
  data () {
    return {
      count: 10
    }
  },
  methods: {
    redAdd () {
      this.count++;
    }
  }
}
</script>

<style lang="less" scoped>
.redBox {
  height: 200px;
  background-color: red;
  flex: 1;
}
</style>